<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>2-08 椭圆弧路径path</title>
</head>
<body>
  <svg width="500" height="500">
    <!--
      A: elliptical Arc
      A(rx, ry, xr, laf, sf, x, y) 从当前位置绘制弧线到指定位置
      rx (radius-x): 弧线X半径
      ry (radius-y): 弧线Y半径
      xr (xAxis-rotation): 弧线所在椭圆旋转角度
      laf (large-arc-flag): 是否选择弧长较长的那一段。0: 短边; 1: 长边
      sf (sweep-flag): 是否顺时针绘制。0: 逆时针; 1: 顺时针
      x, y: 弧的终点位置
    -->
    <path
      d="M 50 50 A 60 30 0 0 0 100 100"
      stroke="blue"
      fill="none"
    >
    </path>
  </svg>
</body>
</html>